Programmeren 5
Home

Programmeren 5

Leren werken met de Google API
Leren werken met de Google API

Programmeren 5

Leren werken met de Google API

  1. Doelstelling
    1. Leren JavaScript debuggen met behulp van de Chrome JavaScript debugger.
    2. Na deze les weet je wat API is en hoe je een call naar de Google People API kan maken.
  2. Leerpad
    1. Filmpje: JavaScript debuggen met behulp van de Chrome JavaScript debugger
    2. Het filmpje is een introductie. De code die ik in de voorbeelden geef, wijkt soms af van wat er in het filmpje getoond wordt. Het moge duidelijk zijn dat er niet één manier is om de Google API's aan te spreken.
    3. Je hebt een gmail account nodig en meld je daarmee aan op https://console.developers.google.com.
    4. De Google Ontwikkelaarsconsole
    5. Een Google API activeren
    6. Filmpje: API's, public keys, restrictions and referers
    7. OAuth 2.0 Algemene inleiding
    8. OAuth 2.0 voor client-side web applicaties
    9. Profiel informatie ophalen met call naar de Google People API
    10. Als je Firefox 65 gebruikt moet je rekening houden met de New Cookie Jar Policy to block tracking, zie Martin Brinkmann, Firefox 65: New Cookie Jar Policy to block tracking, September 23, 2018 in Firefox. Je kan dat uitschakelen:
      Firefox 65 - Disable New Cookie Jar Policy to block tracking
      Firefox 65 - Disable New Cookie Jar Policy to block tracking
      Maar besef wel dat jij geen invloed hebt op hoe de gebruiker van je website zijn opties heeft ingesteld. Alle browsers, die tracking blokkeren, stellen wel een nieuw probleem aan de kaak waarover nog veel moet worden nagedacht. Ook de impact op GDPR moet worden bekeken.
  3. Opdracht
    1. Maak een map in je workspace met de naam google-oauth.
    2. Maak een JavaScript bestand met de naam google-oauth-api.js in een submap met de naam js.
    3. Maak een home HTML pagina met de naam index.html waarop een knop staat waarmee de bezoeker zich kan aanmelden.
    4. Als de bezoeker zich heeft aangemeld, toon je haar profielinformatie en een afmelden knop.
    5. Als de bezoker is afgemeld verwijder de eventuele profielinformatie van het scherm.
    6. De code werkt in:
      1. Chrome
      2. Firefox, ook Firefox 65
      3. Edge
    7. Synchroniseer met Bitbucket.

JI
2020-03-01 14:28:20